<%@page import="com.qdu.entity.Worker"%>
<%@page import="com.qdu.entity.Movie"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>电影信息</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link rel="shortcut icon" href="https://img3.doubanio.com/favicon.ico" type="image/x-icon">
    </head>
    <body>

        <%
            //获取请求中名为movie的属性，属性值是一个Movie对象，包含了一个电影的所有信息
            Movie m = (Movie) request.getAttribute("movie");
            //这里判断了一下电影的originalName是否为null，如果为null，显示为空字符串，否则显示实际名称，这里是为了避免页面显示null字样
            String originalName = m.getMoriginalName() == null ? "" : m.getMoriginalName();
            //Movie类中的有个属性workerList，是个List<Worker>列表，用于存储电影的所有员工
            //在查询一个电影的信息的时候，已经帮你们查询了该电影的所有员工，放入了workerList属性中
            //其中列表中的第一个工作人员是导演，其他为演员，因为数据库对每个工作人员编了顺序，0为导演，1为最主要主演，2为次主要主演，以此类推
            
            //这里的代码是获取列表中的第一个工作人员，也就是导演，然后在对应位置显示导演信息
            Worker director = m.getWorkerList().get(0);
        %>

        <div class="container">
            
            <br>
            <a href="index" class="home btn-warning">豆豆瓣</a>
            
            <hr>
            <h2 class="text-warning bg-warning padding10">电影介绍： <%=m.getMchineseName()%> <%=originalName%></h2>
            <hr>
            <div class="content">
                <div class="leftDiv">
                    <img class="img-thumbnail" src="images/<%=m.getMcover()%>" alt="<%=m.getMchineseName()%>">
                </div>
                <div class="rightDiv">
                    <!--这里显示导演的超链接-->
                    <br>导演： <a target="_blank" href="gwis?workerId=<%=director.getWorkerId()%>"><%=director.getWname()%></a>
                    <br>主演： 
                    <%
                        //这里遍历列表中第二个开始的工作人员，也就是显示所有演员的信息，然后在对应位置显示演员信息
                        //i=1说明从列表中第二个Worker对象开始遍历，索引从0开始
                        for (int i = 1; i < m.getWorkerList().size(); i++) {
                            Worker w = m.getWorkerList().get(i);
                    %>
                    <a target="_blank" href="gwis?workerId=<%=w.getWorkerId()%>"><%=w.getWname()%></a> / 
                    <%
                        }
                    %>
                    
                    <!--这里显示电影的其他信息-->
                    <br>类型： <%=m.getMtype()%>
                    <br>制片国家/地区： <%=m.getMcountry()%>
                    <br>语言： <%=m.getMlanguage()%>
                    <br>上映日期： <%=m.getMreleaseDate()%>
                    <br>片长： <%=m.getMlength()%> 分钟
                    <br>豆瓣评分： <%=m.getMrating()%>
                    <br><br>
                </div>
                <div class="bottomDiv">
                    <h3 class="padding10 text-success bg-success"><%=m.getMchineseName()%>剧情简介 · · · · · ·</h3>
                    <hr>
                    <p>
                        <!--电影剧情介绍-->
                        <%=m.getMdigest()%>
                        <a href="#">查看更多</a>
                        <br>
                    </p>
                    <hr>
                </div>
            </div>

            <h3 class="text-danger bg-danger padding10"><%=m.getMchineseName()%>工作人员</h3>
            <hr> 
            <div class="workerGallery">
                <%
                    //这里重新遍历了一下电影的员工列表，包括导演，用图片超链接的形式再显示一次导演和演员信息
                    for (Worker w : m.getWorkerList()) {
                %>
                <a class="item" target="_blank" href="gwis?workerId=<%=w.getWorkerId()%>">
                    <div class="cover-wp">
                        <img src="images/<%=w.getWimage()%>" alt="<%=w.getWname()%>" data-x="3000" data-y="4454">
                    </div>
                    <p>
                        <%=w.getWname()%>
                    </p>
                </a>
                <%
                    }
                %>
            </div>

        </div>

    </body>
</html>
